/*-----------------------------------购物车-------------------------------------*/
//增加加购物车的商品
function AddShopCartMain(){
	//加载购物车信息
	loadCart();	
	//给购物车加一个跳转点击事件
	$("#ibar .ibar_main_panel .mpbtn_cart .text").click(function(){
		window.location.href = "shopping.html";
	});
	//随时获取滚动高度
	var _st = "";
	$(window).scroll(function(e){
		_st = $(document).scrollTop();
	});	
	//给“加入购物车”按钮添加点击事件
	$(".main-details-box .main-details-r .num-buy-box .buy-cart").click(function(e){		
		var _url = window.location.href;
		var _list = _url.split("?");
		//获取商品的 id (用来区分不同的商品)
//		var goodId = _list[1];
		var goodId = $(".big_pic #big ").attr("data-good-id");
		//获取商品的名称	
		var goodName = "OLAY玉兰油水感透白亮肤面膜5片装";
		//获取商品英文的名称
		var goodEnName = "";
		//获取商品的价格
		var goodPrice = "129.00";
		//获取商品的图片的地址
		//<img src="scss/img/xiangqing/29282-3_200x200.jpg">
		var goodSrc = "scss/img/xiangqing/29282-3_200x200.jpg";
		//存到购物车中去，商品信息统一可以放在cookie当中
		//购物车中是否有商品？
		//购物车中是否加过同一个商品？
		//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
		/*设计以下结构的对象来处理商品信息
		 * 以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
		 * {
		 * 	id : {
		 	* 
		 * 		name : "香蕉",
		 * 		enName : "",
		 *      price : 30,
		 *      num : 1,
		 *      src : "img/1.jpg"
		 *  }
		 * }
		 */
		//获取cookie中的信息
		//如果cookie中没有信息会返回一个undefined ,我所需要的是一个字符串类型的数据，所以将它转成一个“”空字符串。保持数据类型一致。
		var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
		//将字符串转成对象
		var cartObj = convertCartStrToObj(cartStr);
		//判断该商品是否已经在购物车中存在
		if(goodId in cartObj){
			//如果已存在,那么该商品的数量加1
			cartObj[goodId].num += 1;
		}else{
			//如果不存在,那么将新的商品的信息存入
			cartObj[goodId] = {
				name : goodName,
				enName : goodEnName,
				price : goodPrice,
				num : 1,
				src : goodSrc
			};
		}
		
		//将新的购物车信息存回cookie
		//将对象转成字符串
		cartStr = convertObjToCartStr(cartObj);
		//存入cookie
		$.cookie("cart",cartStr,{expires : 7, path:"/"});
		
		//做一个飞入购物车的效果
		var flyer = $(".main-details-box .main-details-l .big-img-box img:nth-child(1)").clone().css({width:50,height:50});
		
		flyer.fly({
			start : {
				top : e.clientY,
				left : e.clientX
			},
			end : {
				top : $("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").offset().top-_st,
				left : $("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").offset().left,
				width : 0,
				height : 0
			},
			autoPlay : true,
			onEnd : function(){
				$("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").html(function(index,v){
					//"购物车（0）"
				//	console.log($("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").offset().top-450);
				//	console.log($("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").offset().left+220);
					var pattern = /(\d+)/;
					var num = parseInt(v.match(pattern)[1]);
					return num+1;
				});
				flyer.remove();//移除克隆的图片
			}				
		});
	});
}
	$(document).ready(function(){			
		//加入购物车 
		new AddShopCartMain();				
	});						



//加载购物车中的信息 (是商品也与购物车页中的购物车数量同步)
function loadCart(){
	var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
	var cartObj = convertCartStrToObj(cartStr);
	//获取到购物车中所有商品的数量
	var total = 0;
	for(var id in cartObj){
		total += cartObj[id].num;
	}
	$("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").html(total);
//	$(".text").val("购物车(" + total + ")");
}

//转成对象 
function convertCartStrToObj(cartStr){
	//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
	//如果空字符串,既没有购物车信息,那么购物车为空,直接返回一个空对象
	if(!cartStr){
		return {};
	}
	var goods = cartStr.split(":");
	var obj = {};
	for (var i = 0; i< goods.length; i++) {
		var data = goods[i].split(","); 
		//以商品的id为键,商品的其他信息为值,这个值也设计为一个对象
/*		obj[data[0]] = {
			name : data[1],
			enName : data[2],
			price : data[3],
	
			num : parseInt(data[4]),
			src : data[5]
		}*/
	}		
	//console.log(price);
	return obj;
}

//转成字符串
function convertObjToCartStr(obj){
	/* {
		 * 	sp1 : {
		 * 		name : "香蕉",
		 * 		enName :"",
			 * price : 30,
			 * num : 1,
			 * src : "img/1.jpg"
		 * },
		 * sp2 :{
			 * 	name :"苹果",
			 * price : 40,
			 * num:2,
			 * src : "img/2.jpg"
		 * }
	*/ 
	var cartStr = "";
	//遍历对象
	for (var id in obj) {
		if(cartStr){
			cartStr += ":";
		}
		cartStr += id + "," + obj[id].name + "," +obj[id].enName+ "," + obj[id].price + "," + obj[id].num + "," + obj[id].src;
	}
	return cartStr;
}

//header 购物车

//function IsShopCartHead(){
//
//	//读取cookie里面的值
//	var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
//
//	var cartObj = convertCartStrToObj(cartStr);
//	//计算总共加入购物车的数量  _sum
//	var _sum = 0;
//	var _n = 0;
//	var _priceSum = 0;
//	for(var id in cartObj){
//		var good1 = cartObj[id];
//		_sum += parseInt(good1.num);
//		_priceSum += parseInt(good1.num) * parseInt(good1.price);
//	}
//	
//	if(_sum > 0){
//		$(".header #head_logo .shopcar .sc_num").html(_sum);
//		$(".header #head_logo .shopcar .sc_num").css("display","block");
//	}else{
//		$(".header #head_logo .shopcar .sc_num").html();
//		$(".header #head_logo .shopcar .sc_num").css("display","none");
//	}
//	
//	
//
//	$("#header #head_logo .shopcar a.shopping").mouseenter(function(){
//		
//		$("#header #head_logo .shopcar").addClass("shopcar-hover");
//
//		if(!cartStr){
//			//清空
//			$("#header #head_logo .shopcar .shopping_car").empty();
//			$("#header #head_logo .shopcar .shopping_car").append(
//				"<p class='shopcar_list'>购物车中还没有商品，赶紧选购吧！</p>"
//			);
//		}else{
//			//清空
//			$("#header #head_logo .shopcar .shopping_car").empty();
//			
//			$("#header #head_logo .shopcar .shopping_car").append(
////				<p class="to_jg">共 <em class="sc_num">0</em> 件商品  共计 ￥<i class="all_price">0</i></p>
////							<p class="clear" id="jump">
////								<a class="pay" href="#">去结算</a>
////							</p>-->
//				"<ul></ul><p class='to_jg'>共<em class='sc_num'>"+_sum+"</em>件商品<br>总计： ¥<i class='all_price'>"+_priceSum+"</i></p>"+
//				"<p class='clear' id='jump'><a class='pay' href='shopping.html'>去结算</a></p>"
//			);
//			//遍历所有的商品生成html添加到购物车列表中
//			for(var id in cartObj){
//				//商品信息对象
//				var good = cartObj[id];
////				<!-- <li class="car_li">
////									<a class="car_l1" target="_blank" href="#">
////										<img src="">
////									</a>
////									<span class="car_pro_detail">
////										<a class="" target="_blank" href="#">H2O水芝澳海洋胶原紧致面霜50ml</a>
////										<span class="car_l3">
////											<i class="car_l3_1">￥437</i>x<em>1</em>
////										</span>
////									</span>
////									<span class="car_l3_2">
////										<a href="#">删除</a>
////									</span> 
////								</li> -->
//				var str = '<li class="car_li">'+
//						  '<a class="car_l1" target="_blank" href="javascript:void(0);"><img width="60" height="98" src="'+good.src+'" /></a>'+
//						  '<span class="car_pro_detail"><a class="" target="_blank" href="#">'+good.name+'</a><span class="car_l3"><i class="car_l3_1">￥'+good.price+'</i>×<em>'+good.num+'</em></span></span>'+
//						  '<span class="car_l3_2"><a href="javascript:void(0);" >删除</a></span></li>';				
//				$(str).appendTo("#header #head_logo .shopcar .shopping_car ul");
//				_n++;
//				if(_n > 4){
//					$("#header #head_logo .shopcar .shopping_car ul li:nth-child("+(_n-4)+")").remove();
//				}
//			}
//			_n=0;
//			//删除cookie商品
//			$("#header #head_logo .shopcar .shopping_car ul li a.btn-remove").click(function(){
//				//在页面上将商品信息删除，顺便获取一个该商品的id
//				var id = $(this).parent().remove().attr("data-good-id");
//				//从cookie中将该商品删除
//	//			var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
//	//			var cartObj = convertCartStrToObj(cartStr);
//				delete cartObj[id];
//				//将新商品信息放回cookie\n
//				$.cookie('cart' , convertObjToCartStr(cartObj) , {
//					expires: 7,
//					path: "/"
//				});
//				var cartStr1 = $.cookie("cart") ? $.cookie("cart") : "";
//				if(!cartStr1){
//					//清空
//					$("#header #head_logo .shopcar .shopping_car").empty();
//					$("#header #head_logo .shopcar .shopping_car").append(
//						"<p class='shopcar_list'>购物车中还没有商品，赶紧选购吧！</p>"
//					);
//				}
//			});	
//		}
//	});
//	
//	$("#header #head_logo .shopcar ").mouseleave(function(){
//		$("#header #head_logo .shopcar").removeClass("shopcar-hover");
//	});
//}/*


$(function(){
	function loadCart() {
		var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
		var cartObj = convertCartStrToObj(cartStr);
		//获取到购物车中所有商品的数量
		var total = 0;
		for (var id in cartObj) {
	
			total += cartObj[id].num;
	
			$(".cart-num").html(total);
			$(".cart-num").text(total);			
		}
	}
    loadCart()				
})
//转成对象
	function convertCartStrToObj(cartStr){
		//"sp1,香蕉，30，1,src1:sp2,苹果，40，2,src2"
		if(!cartStr){
			return {}
		}
		var goods=cartStr.split(":")
		var obj={};
		for(var i=0;i<goods.length;i++){
			var data=goods[i].split(",");
			obj[data[0]]={
				name:data[1],
				enName:data[2],
				price:parseFloat(data[3]),
				num:parseInt(data[4]),
				src:data[5]
			}
			
		}
		return obj
	}
	//转成字符串
	function convertObjToCartStr(obj){
//		{
//		Sp1:{
//			name:"香蕉",
//			price:30,
//			num:1,
//			src:"img/1.jpg"
//		},
//		sp2:{
//			name:"苹果",
//			price:40,
//			num:2,
//			src:"img/2.jpg"
//			
//		}

//		}
	var cartStr="";
	console.log(cartStr)
	for(var id in obj){
		if(cartStr){
			cartStr+=":"
			
		}
		cartStr+=id+","+obj[id].name+","+obj[id].enName+","+obj[id].price+","+obj[id].num
		+","+obj[id].src
	}
		return cartStr;		
		
}












//侧栏购物车   是否有商品
function IsShopCartSlide(){
	
	//读取cookie里面的值
	var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
	var _n = 0;
	if(!cartStr){
		//清空
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").empty();
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").append(			
			"<p class='shopcar_list'>购物车中还没有商品，赶紧选购吧！</p>"
		);
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo").css("margin-top","-5px");
	}else{
		//清空
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").empty();
		var cartObj = convertCartStrToObj(cartStr);
		//计算总共加入购物车的数量  _sum
		var _sum = 0;
		for(var id in cartObj){
			var good1 = cartObj[id];
			_sum += parseInt(good1.num);
		}
		
		$("#ibar .ibar_main_panel .mpbtn_cart a .cart_num").html(_sum);
		
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").append(
			"<h2>最近加入</h2><ul></ul><div class='shopcart-sum'><a class='btn btn-default' href='showCart.html' target='_blank'>查看购物车</a>"+
			"<p>共计<em>"+_sum+"</em>件商品</p></div>"
		);
		//遍历所有的商品生成html添加到购物车列表中
		for(var id in cartObj){
			//商品信息对象
			var good = cartObj[id];
			var str = '<li data-good-id="'+id+'">'+
					  '<a class="prod-info" target="_blank" href="javascript:void(0);"><img width="60" height="98" alt="'+good.name+'" src="'+good.src+'" />'+
					  '<span class="name">'+good.name+'</span>'+
					  '<span class="nameEn">'+good.enName+'</span>'+
					  '<span class="price"><strong>￥'+good.price+'</strong>×<em>'+good.num+'</em></span></a>'+
					  '<a title="'+good.name+'" data-good-id="'+id+'" class="btn-remove" href="javascript:void(0);" >删除</a></li>';
			
			$(str).appendTo("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car ul");
			
			_n++;
			if(_n > 4){
				$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car ul li:nth-child("+(_n-4)+")").remove();
				_n = 4;
			}
			$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo").css("margin-top","-"+(20.5+54.5*(_n))+"px");
		}
		var _top = 20.5+54.5*(_n);
		var _n1 = _n;
		_n = 0;
		//删除cookie商品
		$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo ul li a.btn-remove").click(function(){
			//在页面上将商品信息删除，顺便获取一个该商品的id
			var id = $(this).parent().remove().attr("data-good-id");
			//从cookie中将该商品删除
//			var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
//			var cartObj = convertCartStrToObj(cartStr);
			delete cartObj[id];
			//将新商品信息放回cookie\n
			$.cookie('cart' , convertObjToCartStr(cartObj) , {
				expires: 7,
				path: "/"
			});
			var cartStr1 = $.cookie("cart") ? $.cookie("cart") : "";
			if(!cartStr1){
				//清空
				$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").empty();
				$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo .shopping_car").append(
					"<div class='empty'>您的购物车里没有任何商品，赶快去挑选商品吧！</div>"
				);
				$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo").css("margin-top","-5px");
			}else{
				$("#ibar .ibar_main_panel .mpbtn_cart .rightlogo").css("margin-top","-"+(20.5+54.5*(--_n1))+"px");
			}
		});	
	}
}


$(document).ready(function(){
	
//	new IsShopCartHead();

	new IsShopCartSlide();
	
});
